<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../../attr.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${ctx}/css/sapar.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/sapar.js"></script>
<script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
<script type="text/javascript" src="${ctx}/js/kkpager.min.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/css/kkpager_blue.css" />
<script type="text/javascript" src="${ctx}/assets/laydate/laydate.js"></script>
<script type="text/javascript" src="${ctx}/js/index_inner.js"></script>
<script type="text/javascript" src="${ctx}/js/mask.js"></script>
<style type="text/css">

	#sidebar-tab{border:1px solid #ccf;margin-bottom:1.5em;overflow:hidden;} 
	#tab-title h3{color:#666;font-size:15px;font-weight:400;} 
	#tab-title .selected{color:#356aa0;border-bottom:0px;} /*标题被选中时的样式*/ 
	#tab-title span{padding:5px 9px 5px 10px;border:1px solid #ccf;border-right:0px;margin-left:-1px;cursor:pointer;} 
	#tab-content .hide{display:none;} /*默认让第一块内容显示，其余隐藏*/ 
	#tab-content ul{padding:5px 10px;overflow:hidden;} 
	#tab-content ul li{padding-top:5px;height:20px;} 

</style>
<title>灭菌结束</title>
<style  type="text/css">
	#left{
		float:left; width:100%;
	}
	#saper-container{float:left;width:100%;background: url(../images/dian.png) repeat-y 69% 0;}
	#table_left{float:left; width:68%;min-height:300px}
	#right{
		float:right; width:30%;min-height:300px
	}

	th{
		text-align: left;
	}
	td{
		text-align: left;
	}
</style>
</head>
<body>
<div id="mask" class="mask"></div>
<div id="left">
	<div id="saper-container">
        <div id="saper-hd"></div>
        <div id="saper-bd">
            <div class="subfiled-content">
                <!--表格开始-->
                <div id="table_left" class="table">
                	<div class="subfiled clearfix">
                		<h2>灭菌结束</h2>
            		</div>
                    <!--表格操作-->
                    <!-- <div class="table-operate ue-clear">
                        <a href="javascript:;" class="add">添加</a>
                        <a href="javascript:;" class="edit">修改</a>
                        <a href="javascript:;" class="del">删除</a>
                    </div> -->
                    <a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn" id="end" >结束灭菌</a>
					<div class="content">
						<div class="tab1_1"> 
						<form action="" id="Miejuning">
                        <table class="detail">
                            <thead>
                                <tr>
                                    <th><input type="checkbox" id="checkall"></th>
                                    <th>灭菌流水</th>
                                    <th>灭菌设备</th>
                                    <th>灭菌软件</th>
                                    <th>灭菌人</th>
                                    <th>灭菌开始时间</th>
                                    <th>灭菌状态</th>
                                    <th>数据日期</th>
                                </tr>
                            </thead>
                            <tbody id="">
                                <c:if test="${lstMiejun != null}">
									<!-- var 是给给他起名字 -->
									<c:forEach items="${lstMiejun}" var="miejun">
										<tr data="${miejun.miejunLiushui}" class="miejundata">
										    <td><input type="checkbox" name="miejunLiushui" 
												value=${miejun.miejunLiushui } />
											</td>
										    <td>${miejun.miejunLiushui }</td>
											<td>${miejun.zsEquip.equipName }</td>
											<td>${miejun.zsSoft.softName}</td>
											<td>${miejun.miejunren.employeeName}</td>
											<td><fmt:formatDate value="${miejun.miejunKaishiTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" />
											</td>
											<td>
											    <c:if test="${miejun.miejunZhuangtai != 2}">
											         灭菌中
											    </c:if>
											</td>
											<td><fmt:formatDate value="${miejun.recordTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
										</tr>
									</c:forEach>
								</c:if>
                            </tbody>
                         </table>
                         </form>
                         <div id="saper-ft">
        	            <div id="kkpager"></div>
                         </div>
                         
						</div>
						
					</div>
						
                    <!--表格具体内容-->
                    <div class="table-box">
                  
                    </div>
                </div><!--表格结束-->
	            <div id="right">
				    <div class="table">
						<div class="table-box">
	                        <table id="detail">
	                            <thead>
	                                <tr>
	                                    <th>灭菌包条码</th>
	                                    <th>灭菌包名称</th>
	                                    <th>是否合格</th>
	                                </tr>
	                            </thead>
	                            <tbody>
	                                
	                            </tbody>
	                        </table>
	                    </div>
	                    <div>
						<input id="leftPage" class="butLeft" type="button" value="上一页" />
						<input id="rightPage" class="butRight" type="button" value="下一页" />
						<span>到第&nbsp;</span><input id="goPage" class="textBox" type="text" value="1" /><span style="margin-left: 4px;">页&nbsp;</span>
						<input  id="sureBut" class="sure" type="button" value="确定" />
						<span>共</span><span class="totalPages" id="totalNum">0</span><span>&nbsp;页</span>
					</div>
                    </div>
				</div>
				
			</div>
        </div>
    </div>
   </div> 
<script type="text/javascript">
var pageSize = 10 , currentPage = 1 , totalPage;
var data = [];

$(function(){
	var totalPage = ${total};
	var pageNo = getParameter('pageIndex');
	if(!pageNo){
		pageNo = 1;
	}
	kkpager.generPageHtml({
		pno : pageNo,
		//总页码
		total : totalPage,
		//链接前部
		hrefFormer : '${ctx}/miejun/miejunzhunbei',
		//链接尾部
		hrefLatter : '.do',
		getLink : function(n){
			return this.hrefFormer + this.hrefLatter + "?pageIndex="+n+"&searchTxt="+$(".search_text").val();
		}
	});
	
	$("#checkall").click(function(){
	    if(this.checked){
	        $("input[name='miejunLiushui']").prop('checked', true)
	    }else{
	        $("input[name='miejunLiushui']").prop('checked', false)
	    }
	});
	
	/* $(".edit").click(function(){
		var chk_value = getSelRecord();
		if(chk_value.length == 1){
			window.location.href="${ctx}/miejun/miejunEdit.do?miejunLiushui="+chk_value[0];
		}else{
			layer.msg("请选择并只能选择一条数据！");
		}
	});
    $(".del").click(function(){
		var chk_value = getSelRecord();
		if(chk_value.length > 0){
			layer.confirm('你确定要删除么？', function(){
				$.ajax({
		             type: "POST",
		             url:"${ctx}/miejun/miejunDel.do?id="+chk_value.join(),
		             error: function(request) {
		            	 	layer.alert("网络故障，请稍后再试!");
		             },
		             success: function(data) {
		 	           	if(data.state=="true"){
			 	           	layer.alert("删除成功", function(){
			 	           		window.location.reload();
		           		    });
		 	           	}else{
		 	           		layer.msg(data.msg);
		 	           	}
		             }
		         });
			});
		}else{
			layer.msg('请选择要删除的数据！');
		}
	}); */
 
	$("#end").click(function(){
		var chk_value = getSelRecord();
		if(chk_value.length>0){
			showMask();
			$.ajax({
				type:"post",
				url:"${ctx}/miejun/miejunend.do?id="+chk_value.join(),
				error:function(){
					layer.alert("网络故障，稍后再试");
				},
				data: $("#Miejuning").serialize(),
				success:function(data){
					$("#mask").hide();
					if(data.state=="true"){
		 	           	 layer.alert("结束成功",function(){
		 	           		window.location.reload();
		 	           	 });
		           	}else{
		           		 layer.alert(data.msg);
		           	}
				}
			});
		}else{
			layer.msg("选择数据");
		}
	});

	$(".miejundata").click(function(){
		$(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
		var liushuiId = $(this).attr("data");
		$.ajax({
			type:"post",
			url:"${ctx}/miejun/findByMiejunLiushui.do?id="+liushuiId,
			error:function(){
				layer.alert("网络故障，稍后再试");
			},
			success:function(data){
				if(data.state=="true"){
					appendTable(data);
	 	           	 /* console.log(data);
	 	           	 var dataList = data.lstMiejunmingxi;
	 	           	 var str = '';
	 	           	 $("#detail tbody").empty();
	 	           	 for(var i = 0; i<dataList.length;i++){
	 	           		str += "<tr class='packMx' data='"+dataList[i].zsPackageImformation.packageId+"'><td>"+dataList[i].miejunWupinbaoTiaoma+"</td><td>"+dataList[i].zsPackageImformation.packageName+"</td><td>"+(dataList[i].miejunHege==2?"合格":"未审核")+"</td></tr>";
	 	           	 }
	 	           	 $("#detail tbody").append(str); */
 	           	}else{
 	           		 layer.msg(data.msg);
 	           	}
			}
		});
	});
	
	$("#sureBut").click(function(){
		goPage();
	});
	$("#leftPage").click(function(){
		leftPages();
	});
	$("#rightPage").click(function(){
		rightPages();
	});	
	
	$(".packMx").live("dblclick",function(){
		$(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
		var packId = $(this).attr("data");
		//找儿子的典例
		var name = $(this).find("td:eq(2)").text();
		layer.open({
			  type: 2,
			  title: name+'包明细',
			  maxmin: true,
			  shadeClose: true, //点击遮罩关闭层
			  area : ['800px' , '520px'],
			  content: '${ctx}/wutiaoma/findQixieListPeibao.do?id='+packId+'&name='+name
		});
	});
}); 
	
//=================================================================	

function appendTable(dataList){
	 currentPage = 1  ;
     data = dataList.lstMiejunmingxi;
     packageId = dataList.packageId;
     creatTab();
}

	//获得总页数
	function totalPages(){
		//如果刚好除尽
		if(data.length % pageSize == 0){
			totalPage = data.length / pageSize;
		}
		else{
			totalPage = parseInt(data.length / pageSize) + 1;
		}
	}

	//上一页
	function leftPages(){
		if(currentPage != 1){
			currentPage--;
			//开始创建
			creatTab();
		}
	}
	//下一页
	function rightPages(){
		if(currentPage != totalPage){
			currentPage++;
			//开始创建
			creatTab();
		}
	}
	//到第几页去
	function goPage(){
		currentPage = document.getElementById('goPage').value;
		//如果输入的页数超出总页数，则到最后一页去！
		if(currentPage > totalPage){
			currentPage = totalPage;
		}
		if(currentPage < 1){
			currentPage = 1;
		}
		creatTab();
	}

	function creatTab(){
		//清空数据
		$("#detail tbody").empty();
		$("#checkalltwo").attr("checked",false);
		//总页数
		totalPages();
		$('#totalNum').text(totalPage);
		//插入页数
		$('#goPage').val(currentPage);
		var str = '';
	$("#detail tbody").empty();
	currentRows  = (totalPage == 1 || currentPage == totalPage) ? data.length : currentPage * pageSize ;
	console.log(currentPage);
	console.log(currentRows);
   	for(var i = (currentPage-1) * pageSize; i < currentRows ;i++){
   		str += "<tr class='packMx' data='"+data[i].zsPackageImformation.packageId+"'><td>"+data[i].miejunWupinbaoTiaoma+"</td><td>"+data[i].zsPackageImformation.packageName+"</td><td>"+(data[i].miejunHege==3?"合格":"未审核")+"</td></tr>";
   	}
    $("#detail tbody").append(str);
	}	 	

function getSelRecord(){
	var chk_value =[];
    $('input[name="miejunLiushui"]:checked').each(function(){
		chk_value.push($(this).val()); 
	});
	return chk_value;
}
function getParameter(name) { 
	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
	var r = window.location.search.substr(1).match(reg); 
	if (r!=null) return unescape(r[2]); return null;
}	
</script>
</body>
</html>